@charset "utf-8";
body{
  margin:0 auto;padding:0;color:#333;font-size:0.75rem;font-family:Arial, Helvetica, sans-serif;overflow-x:hidden;background-color: #fff;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
  margin: 0;
  padding: 0;
}
/* 修改placeholder color */
::-webkit-input-placeholder {color: #999;}
:-moz-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
:-ms-input-placeholder {color: #999;}
input,textarea,button,select{appearance:none;-webkit-appearance:none;margin: 0;padding: 0;font-size:0.75rem;color:#666;outline: none;box-shadow: none; border:0;background-color: rgba(255,255,255,0)}
ul,li{margin:0;padding:0;list-style: none;}
textarea {resize: none;}
button {border: none;}
a{text-decoration: none;color:#666;}
*{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -moz-user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* IE input X 去掉文本框的叉叉和密码输入框的眼睛图标 */
::-ms-clear,::-ms-reveal { display: none;}
.clear:after{
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  font-size: 0;
  clear: both;
}
.hide{
  display: none;
}
.show{
  display: block; 
}
.slide{
  position: relative;
}
.t1_left{
  width: 6rem;height: 2.5rem;
  position: absolute;left: 1rem;top:2rem;
}
.t1_left img{
  width: 100%;
}
.t2_left img{
  width: 100%;
}
.t2_left{
  width: 7.5rem;
  position: absolute;left: 1rem;top:5rem;
}
.t_right{
  width: 4rem;
  position: absolute;top:.5rem;right: .6rem;
}
.t_right img{
  width: 100%;
}
.person{
  width: 6rem;
  position: absolute;right: 3.2rem;bottom:33%;
  /*transform-origin: bottom;*/
  z-index: 1;
  /*opacity: 0;*/
  /*animation: 2s ske ease-out 2s forwards;*/
}
.person img{
  width: 100%;
}
.earth{
  width: 11rem;height:11rem;
  position: absolute;bottom:2rem;left: 0.5rem;right: 0;margin: auto;
  border-radius: 50%;overflow: hidden;
  animation: 1s diqiu ease forwards;
  z-index: 55;
  /*background-position: center;background-size: contain;background-repeat-y: no-repeat;*/
}
.earth img{
  width: 100%;
}
.flag{
  width:9rem;position: absolute;bottom:9rem;left: 3rem;margin: auto;z-index: -1;
  /*animation: 1.3s flag  ease-out  2.8s forwards;opacity:0;*/
}
.flag img{
  width: 90%;position: relative;z-index: -1;
}
.cloud_l{
  width: 30%;position: absolute;bottom: 1.6rem;left: 13%;
  z-index: 99;transform: translateX(17rem);

}
.cloud_l img{
  width: 100%;animation:7s cloud ease 2.2s infinite alternate;
}
.cloud_r{
  width: 40%;position: absolute;bottom: 2.5rem;right: 12%;
  z-index: 99;
}
.cloud_r img{
  width: 100%;animation: 7s cloudr ease 2.2s infinite alternate;transform: translateX(-17rem);
}
.big_fei{
  width: 64%;position: absolute;bottom: 4rem;right: 2rem;left: 0;margin: auto;
  z-index: 98;
}
.big_fei img{
  width: 120%;
}
.fei{
  width: 6rem;
  position: absolute;right: 0;bottom: 0;
  animation: 4s fei ease  4.5s forwards;
  transform: scale(.3);
}
/*人物动画*/
@keyframes ske{
  0%{
    transform: rotateX(90deg);
  }
  100%{
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes ske{
  0%{
    transform: rotateX(90deg);
  }
  100%{
    opacity: 1;
    transform: rotateX(0deg);
  }
}
/*人物动画*/
@keyframes cloud{
  0%{
    transform: translateX(12rem);
  }
  100%{
    transform: translateX(-15rem);
  }
}
@-webkit-keyframes cloud{
  0%{
    transform: translateX(12rem);
  }
  100%{
    transform: translateX(-15rem);
  }
}
@keyframes cloudr{
  0%{
    transform: translateX(-15rem);
  }
  100%{
    transform: translateX(2rem);
  }
}
@-webkit-keyframes cloudr{
  0%{
    transform: translateX(-15rem);
  }
  100%{
    transform: translateX(2rem);
  }
}
/*旗帜动画*/
@keyframes flag{
  0%{
    transform: rotateX(90deg);
  }
  100%{
    opacity: 1;
    transform: rotateX(0deg);
  }
}
@-webkit-keyframes flag{
  0%{
    transform: rotateX(90deg);
  }
  100%{
    opacity: 1;
    transform: rotateX(0deg);
  }
}
/*飞机动画*/
@keyframes fei{
  0%{
    right: 0;
    bottom:0;
    transform: scale(.3);
  }
  100%{
    right: 100%;
    bottom:50%;
    opacity: 0;
    transform: scale(1);
  }
}
@-webkit-keyframes fei{
  0%{
    right: 0;
    bottom:0;
    transform: scale(.3);
  }
  100%{
    right: 100%;
    bottom:50%;
    opacity: 0;
    transform: scale(1);
  }
}
/*地球动画*/
@keyframes diqiu{
  0%{
    transform: scale(.3);
  }
  100%{
    transform: scale(1);
  }
}
@-webkit-keyframes diqiu{
  0%{
    transform: scale(.3);
  }
  100%{
    transform: scale(1);
  }
}
.center{
  width: 5rem;height: 5rem;
  position: absolute;left: 0;right: 0;top: -5rem;bottom: 0;margin: auto;
}
.center-two{
  width: 100%;height: 10rem;
  position: absolute;left: 0;right: 0;top: -5rem;bottom: 0;margin: auto;
}
.yuan{
  border-radius: 50%;width: 50%;height: 50%;border: 1px solid #eee;transform: scale(3);
  animation: 4s kuo ease infinite;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;
}
.center img{
 width: 100%;
}
.number{
  width:100%;height: 2rem;line-height: 2rem;text-align: center;font-size: 1rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;
}
.center-two .title{
  width: 8rem;height: 3rem;color:#013859;font-size: 2.4rem;text-align: center; margin:0 auto;
}
.center-two .content{
  width: 100%;height: 2rem;line-height: 2rem;margin-top: 5rem;color:#013859;font-size: 2.4rem;text-align: center; 
}
.btn{
  width: 3rem;height:3rem;border-radius:50%;background-color: #fa3454;margin: 1rem auto 0;text-align: center;line-height: 3rem;font-size: 1rem;color: #fff;
  animation: 2s san ease infinite alternate;
}
.btn:active{
  opacity: .6;
}
@keyframes san{
  0%{
    opacity: .3;
  }
  100%{
    opacity: 1;
  }
}
@-webkit-keyframes san{
  0%{
    opacity: .3;
  }
  100%{
    opacity: 1;
  }
}